<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.check_box{position: relative;}
			.check_box label{
				display: block;
				width:16px;
				height:16px;
				background:#FFFFFF;
				position:absolute;
				top:0;
				left:0;
				border:2px solid #cacaca;
				/*border-radius:50%;*/
				cursor:pointer;
			}
			.check_box label::after{
				content: '';
			    width: 8px;
			    height: 4px;
			    position: absolute;
			    top: 4px;
			    left: 3px;
			    border: 2px solid #cacaca;
			    border-top: none;
			    border-right: none;
			    opacity: 0.4;
			    transform: rotate(-45deg);
			}
		</style>
	</head>
	<body>
		<span class="check_box">
			<input type="checkbox" name="" id="" value="" />
			<label></label>
			<em>选项一</em>
		</span>
		
	</body>
</html>
